

<a name="about"></a>
<div>
    
    <div class="main-desc">
        <img src="{{ asset('image/logo.png') }}" class="logo">
       
    </div>
    <div class="download">
        <div class="download-left">
            <div class="download-title">免下载立即使用</div>
            <div class="download-left-down">
                <img src="{{ asset('image/phone.png') }}" class="phone">
                <div>www.1pintc.com</div>
                <div>(仅限手机浏览器)</div>
            </div>
        </div>
        <div class="download-center">
            <img src="{{ asset('image/erweima.png') }}" class="erweima">
            <img src="{{ asset('image/or.png') }}" class="or">
        </div>
         <div class="download-right">
            <div><img src="{{ asset('image/anzhuo.png') }}"></div>
            <div><img src="{{ asset('image/ios.png') }}"></div>
        </div>
       

    </div>
    <div class="wz">如何玩转 掌上金店</div>
    <div class="js-content">
        <ul class="js-content-ul">
            <li>
                <img src="{{ asset('image/js1.png') }}" class="jsimg">
                <div>中国金行品牌旗舰店APP，100%正品</div>
            </li>
             <li>
                <img src="{{ asset('image/js2.png') }}" class="jsimg">
                <div>每日12:58限时限量，超低价抢购秒杀</div>
            </li>
             <li>
                <img src="{{ asset('image/js3.png') }}" class="jsimg">
                <div>无论你在天涯海角，所有商品全场包邮</div>
            </li>
             <li>
                <img src="{{ asset('image/js4.png') }}" class="jsimg">
                <div>最多可获得好友购物2%的邀请奖励。</div>
            </li>

        </ul>

    </div>
</div>

<style>
    .main-title{
        margin-top: 65px;
        font-size: 47px;
        margin-left: 563px;

    }
    .main-desc{
        margin-top: 32px;
        display: block;
        overflow: hidden;
        text-align: center;
    }
    .logo{
        margin-top: 120px;
    }
    .main-desc-content{

        font-size: 29px;
        width: 986px;
        float: left;
        margin-left: 25px;

    }
    .download{
        margin: 98px auto 118px;
        width: 1192px;
        height: 182px;
        border: 2px solid #EC1A3C;
        border-radius: 20px;
        overflow: hidden;
    }
    .download-left{
        margin-left: 65px;
        margin-top: 47px;
        float:left;
    }
    .download-title{
        font-size:47px;
        color: #EC1A3C;

    }
    .download-left-down{
        margin-top: 11px;
        overflow: hidden;
    }
    .download-left-down>div:nth-child(2){

        font-size: 31px;
        margin-top: 4px;
        float: left;
        margin-left: 5px;
    }
    .download-left-down>div:nth-child(3){

        font-size: 15px;
        margin-top: 20px;
        margin-left: 10px;
        float: left;
    }
    .phone{
        width: 30px;
        height: 40px;
        float: left;

    }
    .download-center{
        float: left;
        overflow: hidden;
    }
    .erweima{
        width: 127px;
        height: 127px;
        margin-top: 28px;
        margin-left: 61px;
        float: left;
    }
    .or{
        float: left;
        margin-top: 40px;
        margin-left: 28px;

    }
    .download-right{
        float: left;
        margin-top: 31px;
        margin-left: 36px;
    }
    .download-right >image{

        width: 307px;
        height: 67px;

    }
    .wz{

        font-size: 47px;
        font-weight: 700;
        text-align: center;
    }
    .js-content{
        width: 926px;
        margin: 117px auto 300px;
    }
    .js-content >ul{

         overflow: hidden;
    }
    .js-content-ul>li{
        width: 399px;
        float: left;
        list-style: none; 
        height: 490px;
    }
    .jsimg{

        width: 399px;
        height: 377px;
    }
    .js-content-ul>li:nth-child(even){

        margin-left: 88px;
    }
    .js-content-ul>li>div{
        font-size: 23px;
    }
</style>